<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>/background/">
<title>开溜儿网后台管理系统</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/uniform.css" />
<link rel="stylesheet" href="css/select2.css" />
<link rel="stylesheet" href="css/unicorn.main.css" />
<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

	<div id="header">
		<h1>
			<a href="./index.jsp">开溜儿网后台管理系统</a>
		</h1>
	</div>
	<div id="user-nav" class="navbar navbar-inverse">
		<ul class="nav btn-group">
                <li class="btn btn-inverse"><a title="" href="<%=path%>/admin/myManage.do"><i class="icon icon-user"></i> <span class="text">个人中心</span></a></li>
                </li>
                <li class="btn btn-inverse"><a title="" href="<%=path%>/admin/logout.do"><i class="icon icon-share-alt"></i> <span class="text">注销</span></a></li>
            </ul>
	</div>

	<div id="sidebar">
		<ul>
				<li class="submenu">
					<a href="#"><i class="icon icon-th-list"></i> <span>用户管理</span> <span class="label">2</span></a>
					<ul>
						<li><a href="addUser.jsp">增加用户</a></li>
						<li><a href="<%=path%>/user/1.do">查询用户</a></li>
					</ul>
				</li>
				<li class="submenu">
					<a href="#"><i class="icon icon-th-list"></i> <span>地区管理</span> <span class="label">4</span></a>
					<ul>
						<li><a href="addForeignProvince.jsp">增加国家与省份</a></li>
						<li><a href="<%=path%>/area/findPF.do">查询国家与省份</a></li>
						<li><a href="<%=path%>/area/1.do">查询城市</a></li>
						<li><a href="addCity.jsp">增加城市</a></li>
					</ul>
				</li>
				<li class="submenu">
					<a href="#"><i class="icon icon-th-list"></i> <span>攻略管理</span> <span class="label">2</span></a>
					<ul>
						<li><a href="addGonglue.jsp">增加攻略</a></li>
						<li><a href="<%=path%>/gonglue/1.do">查询攻略</a></li>
					</ul>
				</li>
				<li><a href="<%=path%>/qaManage/1.do"><i class="icon icon-home"></i> <span>问答管理</span></a></li>
				<li><a href="<%=path%>/remarkManage/1.do"><i class="icon icon-home"></i> <span>点评管理</span></a></li>
				<li><a href="<%=path%>/travalNoteManage/1.do"><i class="icon icon-home"></i> <span>游记管理</span></a></li>
				<li><a href="<%=path%>/admin/myManage.do"><i class="icon icon-home"></i> <span>个人管理</span></a></li>
				<li><a href="mapManage.jsp"><i class="icon icon-home"></i> <span>地图管理</span></a></li>
			</ul>
	</div>

	<div id="style-switcher">
		<i class="icon-arrow-left icon-white"></i> <span>Style:</span> <a
			href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
		<a href="#blue" style="background-color: #2D2F57;"></a> <a href="#red"
			style="background-color: #673232;"></a>
	</div>

	<div id="content">
		<div id="content-header">
			<h1>查询国家与省份</h1>
		</div>
		<div id="breadcrumb">
			<a href="index.jsp" title="Go to Home" class="tip-bottom"> 主页</a>
				<a href="#">地区管理</a> <a href="#"
				class="current">查询国家与省份</a>
		</div>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">

					<div class="widget-box">
						<div class="widget-title">
							<span class="icon"> </span>
							<h5>中国地区</h5>
						</div>
						<div class="widget-content nopadding">
							<table class="table table-bordered data-table">
								<thead>
									<tr>
										<th><i class="icon-resize-vertical"></i>
										</th>
										<th>序号</th>
										<th>省份</th>
										<th>方位</th>
										<th>修改</th>
										<th>删除</th>
									</tr>
								</thead>
								<tbody>
								<c:forEach items="${provinces}" var="p" varStatus="ind">
									<tr class="gradeX">
										<td><input type="checkbox" />
										</td>
										<td>${ind.index+1}</td>
										<td>${p.name}</td>
										<td>${p.direction}</td>
										<td class="center"><a href="<%=path%>/area/modPro.do?id=${p.id}">修改</a></td>
										<td class="center"><a href="<%=path%>/area/delPro.do?id=${p.id}">删除</a></td>
									</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div class="row-fluid">
				<div class="span12">

					<div class="widget-box">
						<div class="widget-title">
							<span class="icon"> </span>
							<h5>外国地区</h5>
						</div>
						<div class="widget-content nopadding">
							<table class="table table-bordered data-table">
								<thead>
									<tr>
										<th><i class="icon-resize-vertical"></i>
										</th>
										<th>序号</th>
										<th>大洲名称</th>
										<th>国家名称</th>
										<th>修改</th>
										<th>删除</th>
									</tr>
								</thead>
								<tbody>
								<c:forEach items="${foreigns}" var="f" varStatus="ind">
									<tr class="gradeX">
										<td><input type="checkbox" />
										</td>
										<td>${ind.index+1}</td>
										<td>${f.continent}</td>
										<td>${f.country}</td>
										<td class="center"><a href="<%=path%>/area/modFor.do?id=${f.id}">修改</a></td>
										<td class="center"><a href="<%=path%>/area/delFor.do?id=${f.id}">删除</a></td>
									</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div class="row-fluid">
				<div id="footer" class="span12">
					Copyright © 2014 Kailiuer. All Rights Reserved<br /> 开溜儿网. 版权所有
				</div>
			</div>
		</div>
	</div>



	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.ui.custom.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.uniform.js"></script>
	<script src="js/select2.min.js"></script>
	<script src="js/jquery.dataTables.min.js"></script>
	<script src="js/unicorn.js"></script>
	<script src="js/unicorn.tables.js"></script>
</body>
</html>
